*{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #282828;
}
i{
	font-style: normal;
}
/* HEADER 导航栏样式 */

.back-top {
	width: 3.125rem;
	height: 3.125rem;
	position: fixed;
	background-color: #00000050;
	border-radius: 4px;
	text-align: center;
	line-height: 3.125rem;
	bottom: 5rem;
	right: 2.5rem;
	z-index: 9999;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
}

header {
	width: 100%;
	height: 3.5rem;
	font-size: 0.875rem;
	background-color: #FFE300;
	padding: 0 4.375rem;
	box-sizing: border-box;
	position: relative;
	z-index: 999;
}

.logo {
	height: 100%;
	padding-top: 1.125rem;
	box-sizing: border-box;
	float: left;
}
.logo img {
	width: 7.5rem;
	height: 1.25rem;
	float: left;
}

.nav {
	float: right;
}
.navbar {
	height: 100%;
	margin: 0 auto;
	float: left;
	text-align: center;
}
.navbar > ul {
	float: right;
	right: 0;
}
.navbar > ul > li {
	height: 3.5rem;
	padding: 0 1.5rem;
	float: left;
	line-height: 3.5rem;
	cursor: pointer;
}
.cheched {
	font-weight: 600;
}
.navbar > ul > li:hover {
	background-color: #282828;
}
.navbar > ul > li:hover > a {
	color: #FFE300;
}
.navbar > ul > li:last-child {
	width: 3.75rem;
	padding: 0 0 0 0.125rem;
	text-align: center;
	font-weight: 1000;
	letter-spacing: 0.125rem;
	line-height: 3.375rem;
	box-sizing: border-box;
}
.navbar > ul > li:last-child > div {
	text-align: left;
	font-weight: 400;
	letter-spacing: 0rem;
	margin-left: -0.125rem;
}
.navbar > ul > li > div {
	display: none;
}
.navbar > ul > li:nth-child(2):hover .discover {
	display: block;
}
.navbar > ul > li:nth-child(3):hover .job {
	display: block;
}
.navbar > ul > li:nth-child(4):hover .active {
	display: block;
}
.navbar > ul > li:nth-child(5):hover .material {
	display: block;
}
.navbar > ul > li:nth-child(6):hover .course {
	display: block;
}
.navbar > ul > li:nth-child(7):hover .copyright {
	display: block;
}
.navbar > ul > li:nth-child(8):hover .more {
	display: block;
}
.navbar > ul > li > .discover {
	width: 40.9375rem;
	height: 9rem;
	float: left;
	position: absolute;
	top: 3.5rem;
	border-radius: 0 0 0.25rem 0.25rem;
	margin-left: -1.5rem;
	box-shadow: 0 0.0625rem 0.75rem 0 rgba(0,0,0,.2);
	background-color: #FFFFFF;
}
.navbar > ul > li > .discover .discover-menu {
	width: 39.375rem;
	height: 4rem;
	border-bottom: 1px solid #eaeaea;
	padding: 0.6875rem 1.0625rem 1.0625rem;
}
.discover-menu > li {
	width: 5.625rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	margin-top: 0.25rem;
	position: relative;
}
.discover-menu > li::after {
	content: '';
	display: block;
	width: 0.0625rem;
	height: 0.9375rem;
	background-color: #DDDDDD;
	position: absolute;
	margin-top: -1.4375rem;
	margin-left: -0.0625rem;
}
.discover-menu > li:nth-child(1)::after, .discover-menu > li:nth-child(8)::after {
	content: '';
	width: 0;
}
.discover-menu > li a {
	height: 1.75rem;
	padding: 0 0.625rem;
	display: inline-block;
	border-radius: 4px;
}
.discover-menu > li:hover a {
	background-color: #FFE300;
}
.choice {
	padding: 0 1.875rem;
}
.choice a {
	display: block;
	float: left;
	margin-top: -0.125rem;
	margin-right: 2.5rem;
}
.choice a::after {
	content: '\e504';
	font-family: 'iconfont';
	display: block;
	font-weight: 550;
	float: right;
	font-size: 0.75rem;
}
.choice a:hover {
	color: #D36F16;
}
.navbar > ul > li > .second {
	position: absolute;
	width: 9.5rem;
	padding: 0.375rem 0;
	border-radius: 0 0 4px 4px;
	margin-left: -1.5rem;
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	background-color: #FFFFFF;
}
.second .second-menu {
	width: 100%;
	height: 100%;
}
.second .second-menu li {
	height: 2.75rem;
	line-height: 2.75rem;
	padding-left: 1.25rem;
	text-align: left;
}
.second .second-menu li:hover {
	background-color: #FFE300;
}
.navbar > ul > li > .discover .choice {
	width: 100%;
	height: 3.1875rem;
}
.navbar > ul > li > .discover li {
	float: left;
}
.slider {
	width: 15.75rem;
	height: 100%;
	display: inline-block;
	margin-left: 1.78125rem;
}
.search {
	width: 3.75rem;
	height: 3.5rem;
	float: left;
	cursor: pointer;
	text-align: center;
	line-height: 3.5rem;
}
.search span {
	font-size: 1.5rem;
}
.search:hover {
	background-color: #282828;
	color: #FFE300;
}
.search:hover .exit {
	color: #282828;
}
.search:hover .search-do {
	color: #282828;
}
.search-info {
	width: 34.375rem;
	left: calc(50% - 16.875rem);
}
.search-input {
	position: absolute;
	width: 34.375rem;
	left: calc(50% - 16.875rem);
	display: none;
}
.search-input .exit {
	float: left;
	font-size: 2rem !important;
	width: 2.5rem;
	display: block;
	text-align: left;
	line-height: 3.5rem;
	cursor: pointer;
}
.search-input .exit .iconfont {
	font-size: 1.5rem !important;
}
.search-input .search-do {
	font-size: 1.5rem;
	width: 2.5rem;
	display: block;
	float: right;
	line-height: 3.5rem;
}
.search-input input {
	background-color: #FFE300;
	outline: none;
	border: none;
	height: 3.5rem;
	width: 29.375rem;
	line-height: 3.5rem;
	font-size: 1rem;
	float: left;
}
.search-more {
	position: relative;
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	margin-top: 3.5rem;
	text-align: left;
	background-color: #FFFFFF;
}
.search-more li {
	height: 2.5rem;
	padding-left: 1.25rem;
	line-height: 2.5rem;
}
.search-more li:hover {
	background-color: #F2F2F2;
}
.search-more li:nth-child(1) {
	height: 2.5rem;
	line-height: 2.5rem;
	padding-left: 1.25rem;
	font-size: 0.75rem;
	color: #BBBBBB;
}
.search-more li:nth-child(1):hover {
	background-color: #FFFFFF;
}
.loginbar {
	height: 3.5rem;
	float: left;
	line-height: 3.5rem;
}
.loginbar > div {
	float: left;
}
.upload {
	width: 3.75rem;
	height: 3.5rem;
	cursor: pointer;
	text-align: center;
	line-height: 3.5rem;
}
.upload::after {
	content: '\e797';
	font-family: 'iconfont';
	font-size: 1.5rem;
}

.upload:hover {
	background-color: #282828;
	color: #FFE300;
}
.login {
	margin-left: 1rem;
}
.login, .regsiter {
	margin-top: 0.125rem;
}
.login::after {
	content: '';
	width: 0.0625rem;
	height: 0.625rem;
	display: block;
	float: right;
	background-color: #444444;
	margin: 0 1.25rem;
	margin-top: 1.4375rem;
}
/* END HEADER */
.wrap{
	width: 100%;
	background-color: white;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 99;
	
}
.guide{
	width: 1130px;
	margin: 0 auto;
	/*outline: 1px solid green;*/
	padding: 20px 0;

}
.guide ul{
	width: 700px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin: 0 auto;
	position: relative;
}
.guide ul li{
	margin: 0 20px;
}
.guide ul li a{
	color: #999999FF; 
	padding: 20px 0;
}
.guide ul .guide-item2{
	color: #282828;
	border-bottom: 2px solid #444;
}
.guide ul li a:hover{
	color: #282828;
	border-bottom: 2px solid #444;
}
.guide .hold{
	font-size: 14px;
	color: #d36f16;
	position: absolute;
	right: 101px;
	bottom: 20px;
}
.container{
	width: 100%;
	background-color: #F4F4F4FF;
	padding-top: 20px;
}
.main{	
	width: 1130px;
	/*background-color:  pink;*/
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.card{
	width: 551px;
	/*outline: 1px solid red;	*/	
	position: relative;
	margin-top: 30px;
}
.card img{
	width: 551px;
	height: 281px;
	vertical-align: middle;
	border-radius: 5px 5px 0 0;
}
.card img:hover{
	transition: all .1s linear;
	opacity: 0.8;
}
.mask p{
	font-size: 14px;
	padding:10px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	border-radius: 4px 0 4px 0;
	/*height: 32px;*/
}
.card mask{

}
.card-wrap{
	padding: 20px 0 20px 20px;
	background-color: white;
	border-bottom: 1px solid #eeeeee;
}

.sss>p{
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}  
.sss{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.tag{
	width:180px;
	height: 32px;
	/*outline: 1px solid red;*/
	display: inline-flex;
	background-color:#FBB503FF;
	margin-left: 40px;
}
.tag-part1{
	width: 0px;
	height: 0px;
	border-left:16px solid  white;
	border-top: 16px solid #FBB503FF;
	border-right: 16px solid #FBB503FF;
	border-bottom: 16px solid #FBB503FF;
	/*outline: 1px solid red;*/
}
.tag-part2{
	display: flex;
	align-items: center;
}
.tag-part2>span{
	font-size: 14px;
	color: #fff;

}
.card-text .date{
	margin: 15px 0px 0px;
	color: #AAAAB2FF;
}
.active-wrap{
	padding: 20px 10px 20px 20px;
	border-radius: 0 0 5px 5px;
	background-color: white;
	cursor: default;
}
.active-text{
	display: flex;
	justify-content: space-between;
}
.active-text i{
	margin-right: 20px;
	font-size: 19px;
	color:#AAAAB2FF;
}
.active {
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.active .iconfont{
	display: flex;
	align-items: center;
}
.time i span,.active i span{
	font-size: 13px;
	margin-left: 8px;
}
.pageturning-wrap{
	width: 100%;
	/*outline: 1px solid green;*/
	padding: 20px 0;
}

.pageturning{
	width: 40%;
	margin:40px auto;
}

.pageturning ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pageturning ul li{		
		margin: 0 5px;
}

.pageturning ul .page1{
	background-color: #FFE300FF;
	color: #000;
}

.pageturning ul li a{
	font-size: 14px;
	display: block;
	padding:10px 15px;
	color: #AAAAB2FF;
	border-radius: 3px;
	background-color: #fff;
}
.pageturning ul li a:hover {
	background-color: #FFE300FF;
	color: #000;
}
.brand{
	width: 1130px;
	margin: 0 auto;
	/*height: 1000px;*/
	background: #fff;
	margin-bottom: 40px;
}
.brand-top{
	width: 100%;
	/*height: 100px;*/
	padding: 0 30px;
	/*outline: 1px solid green;*/
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f2f2f2;
	align-items: center;

}
.brand-top p,.brand-top a{
	padding: 20px 0;
}
.brand-top p{
	color: #444;
}
.brand-top a{
	color: #d36f16;
	font-size: 14px;
}
.brand-wrap{
	padding-bottom: 40px;
	background-color: #fff;
}
.brand-list{
	padding: 40px 30px 0;
}
.brand-list p{
	padding-left: 12px;
	font-size: 14px;
	color: #666666;
}
.brand-content{

}
.brand-content ul {
	display: flex;
	/*justify-content: space-s;*/
	flex-wrap: wrap;
	flex-direction: row;

}
.brand-content ul li{
	width: 162px;
	height: 120px;
	border: 1px solid #f2f2f2;
	margin: 16px 4px 0 12px;
	box-sizing: border-box;
}
.brand-content ul li a{
	width: 100%;
	height: 100%;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}
.brand-content ul li a img{
	
}






.footer{
	width:100%;
	/*height: 400px;*/
	background-color: #282828FF;
	font-size:14px;
	color: #666666; 
}
.footer-wrap{
	width: 1130px;
	height: 100%;
	margin: 0 auto;
	/*outline: 1px solid yellow;*/
}
.footer-wrap-top{
	width: 100%;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #333333;
}
.footer-top-left{
	display: flex;
	align-content: center;
	justify-content: space-between;
	position: relative;
}
.footer-top-left a{
	margin-right: 25px;
	color: #666666;
	font-size: 14px;
}

.footer-top-left a:hover{
	color: #AAAAB2FF;
}
.footer-top-left a .mobile{
	background: url(../images/mobile.png) no-repeat center;
	position: absolute;
	width: 120px;
	height: 130px;
	bottom: 20px;
	left: -30px;
	visibility: hidden;
}
.footer-top-left .icon-phone1:hover .mobile{
	visibility: visible;
}

.footer-top-right{
	display: flex;
	align-content: center;
	justify-content: space-between;
	position: relative;
} 
.footer-top-right .icon-aui-icon-weichat{
	position: relative;
}

.footer-top-right  .hide{
	background: url(../images/weixinma.jpg);
	background-size: 110px 110px;
	height: 110px;
	width: 110px;
	bottom: 40px;
	right: -40px;
	border-radius: 4px;
	position: absolute;
	visibility: hidden;
}
.footer-top-right .wechat:hover .hide{
	visibility: visible;
}	
.footer-top-right .hide::after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  display: block;
  content: "";
  bottom: -10px;
  left: 45px;
}

.footer-top-right a{
	color: #666666;
	margin-left: 40px;
	font-size: 28px;
}
.icon-aui-icon-weichat:hover{
	color: #58BC46FF;
}
.footer-top-right .icon-weibo:hover{
	color: red;
}
.footer-wrap-middle{
	margin-top: 20px;
}
.footer-wrap-middle i,.footer-wrap-bottom i{
	margin: 0 18px;
}

.footer-wrap-middle a,.footer-wrap-bottom a,.footer-wrap-bottom span{
	font-size: 12px;
	color: #666666;
		
}
.footer-wrap-middle a:hover{
	text-decoration-line: underline;
	color: #AAAAB2FF;
}
.footer-wrap-bottom a:hover{
	text-decoration-line: underline;
	color: #AAAAB2FF;
}
.footer-wrap-bottom{
	margin-top: 10px;
	padding-bottom: 20px;
}

